<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>粮仓.生活美学平台</title>
  <link rel="stylesheet" href="css/base.css"/>
  <link rel="stylesheet" href="css/index.css"/>
  <link rel="stylesheet" type="text/css" href="css/header_base.css"/>
  <link rel="stylesheet" type="text/css" href="css/bottom_base.css"/>
  <script src="js/jquery-1.8.3.min.js"></script>
  <script src='js/underscore.js'></script>
  <script src='js/ydxLazyLoad.js'></script>
  <script src='js/header_base.js'></script>
 </head>
 <body>
 <!-- 头部 -->
 <div class="header">
	 <div class="tb-box">
		 <div class="tb-jz-box w">
		 	 <a href="index.html"><img src="img/home.png" class="fl photo-home"/></a>
			 <ul class="fr one">
				 <li><a href="login.html" target='blank' id='login'>登录</a></li>
				 <li id='welcome'>欢迎用户，</li>
				 <li><a href="register.html" target='blank' id='register'>注册</a></li><li id="quit">退出</li><div></div>
				 <li>
					 <a href="#" id='cart'>购物车</a>
					 <i class='gwcx'>
					 	<p>你的购物车暂时没有商品...</p>
					 	<p>快去抢购良仓商品吧!</p>
					 </i>
				 </li>
				 <div></div>
				 <li>
					 <a href="#">消息</a>
					 <i class='xxx'>
					 	<ul>
					 		 <li>动态<span>0</span></li>
					 		 <li>评论<span>0</span></li> 
					 		 <li>私信<span>0</span></li> 
					 		 <li>粉丝<span>0</span></li> 
					 		 <li>喜欢<span>0</span></li> 
					 		 <li>通知<span>0</span></li> 
					 	</ul>
					 </i>
				 </li>
				 <div></div>
				 <li><a href="#">添加良品</a></li>
			 </ul>
		 </div>
	 </div>
 	<div class="tb-jz-box w tb-jz-boxtwo">
	 	 <!-- 导航条 --> 
		 <ul class="fl two">
			 <li><a href="index.html">首页</a></li>
			 <li class="shop">
				 <a href="indexShop.html" target='blank'>商店</a>
				
				 <i class='sdx' id='sdxjs'>
				 </i>
				 
				 <script type='text/template' id='sd-aa'>
				 	 <dl>
						 <dt><img src='img/23687.png'/></dt>
						 <dd><a href='#'><%=cat_name%></a></dd>
					 </dl>
				 </script>
				
			 </li>
			 <li class="zazhi">
				 <a href="#">杂志</a>
				 <s class="zzx">
					 <span><a href='javascript:;'>趣物</a></span>
					 <span><a href='javascript:;'>数码</a></span>
					 <span><a href='javascript:;'>汽车</a></span>
					 <span><a href='javascript:;'>文化</a></span>
					 <span><a href='javascript:;'>时尚</a></span>
					 <span><a href='javascript:;'>美食</a></span>
					 <span><a href='javascript:;'>建筑</a></span>
					 <span><a href='javascript:;'>空间</a></span>
					 <span><a href='javascript:;'>圈子</a></span>
					 <span><a href='javascript:;'>清单</a></span>
					 <span><a href='javascript:;'>活动</a></span>
					 <span><a href='javascript:;'>视频</a></span>
				 </s>
			 </li>
			 <li class="fxiang">
				 <a href="#">分享</a>
				  <s class="fxx">
					 <span><a href='javascript:;'>男士</a></span>
					 <span><a href='javascript:;'>家居</a></span>
					 <span><a href='javascript:;'>数码</a></span>
					 <span><a href='javascript:;'>工具</a></span>
					 <span><a href='javascript:;'>玩具</a></span>
					 <span><a href='javascript:;'>美容</a></span>
					 <span><a href='javascript:;'>孩子</a></span>
					 <span><a href='javascript:;'>宠物</a></span>
					 <span><a href='javascript:;'>饮食</a></span>
					 <span><a href='javascript:;'>运动</a></span>
					 <span><a href='javascript:;'>文化</a></span>
					 <span><a href='javascript:;'>女士</a></span>
				 </s>
			 </li>
			 <li><a href="#">达人</a></li>
		 </ul>
		 <!-- 搜索框 -->
		 <div class="fr search">
			 <input type='text' placeholder="search..."/>
			 <div class='fr ssk'><img src='img/ssk.png' alt=''/></div>
		 </div>
	 </div>
 </div>

 <!-- 轮播图列表区 -->
 <div class="zjzdbox clearfix">
	 
	 <div class="lbtbox w">
		 <!-- 轮播图 -->
		<!-- <div class="box">-->
			 <div class="container">
			 	<ul id='container'>
			 		
			 	</ul>
			 </div>
			 <!--<script type='text/template' id='template'>
				 <ul id='wxlbli'>
					 <li><a href="#"><img src="img/fqj.jpg"/></a></li>
					 <li><a href="#"><img src="img/xfl.gif"/></a></li>
					 <li><a href="#"><img src="img/dwzz.jpg"/></a></li>
					 <li><a href="#"><img src="img/dwhl.jpg"/></a></li>
				 </ul>	
			 </script>-->
			 
			  <!--左右按钮--> 
			 <div class='pre'; id='pre';>&lt;</div>
			 <div class='next'; id='next';>&gt;</div>
		 
			 <!-- number -->
			 <div class='number'; id='number';>
				 <span class='num-active'></span>
				 <span></span>
				 <span></span>
				 <span></span>
			 </div>
		 <!--</div>-->
	 </div>

	 <!-- 人气良品区 -->
	 <div class='rqlp w'>

		 <a href="#"><img src="img/yhmz.jpg"/></a>
		 <a href="#"><img src="img/yzld.jpg"/></a>
		 <a href="#"><img src="img/yjks.jpg"/></a>
		 <a href="#"><img src="img/bhs.jpg"/></a>
		 <a href="#"><img src="img/gbdh.jpg"/></a>
		 <p>人气良品</p>

	 </div>
	 <!-- 商品列表区 -->
	 <div class='splb w clearfix' id='splbzd'>
	 </div>
	 
	 <script type='text/template' id='splbzdx'>
		 <dl>
		 	<a href='productdetail.html?goods_id=<%=goods_id%>'>
			 <dt>
				 <div class='dtone'>
					 <img src="img/jzz.gif" lazyloadsrc="<%=goods_thumb%>"/>
					 <div class='dttwo'>
							 <p class='one'>¥<%=price%></p>
							 <p class='two'><%=goods_name%></p>
							 <p class='three'><%=goods_desc%></p>
					 </div>
				 </div>
			 </dt>
			 <dd>
				<img src="<%=goods_thumb%>"/>
				<span><%=goods_name%></span>
				<span>382❤</span>
			 </dd>
			</a>
		 </dl>
	 </script>
	 <!-- MORE -->
	 <span class='more' id='mored'>
		<a href="javascript:;" id='more'>MORE</a>
	 </span>
 </div>
  
 <!-- 底部 -->
 <div class='dbzd'>
	 <div class='dbjz w'>
		 <p><a href='#'>良品商店&nbsp;&nbsp;/&nbsp;&nbsp;OUR&nbsp;&nbsp;SHOP</a></p>
		 <div class='w sbs'>
		 		<dl class='fl'>
					 <dt class='fl'><img src='img/1.png'/></dt>
					 <dd class='fl'>
						 全球精品<br/>
						 <span>Global Selecti</span>
					 </dd>
				</dl>

				<dl class='fl'>
					 <dt class='fl'><img src='img/2.png'/></dt>
					 <dd class='fl'>
						 正品保证<br/>
						 <span>Authenticity Gu</span>
					 </dd>
				</dl>

				<dl class='fl'>
					 <dt class='fl'><img src='img/3.png'/></dt>
					 <dd class='fl'>
						 全场包邮<br/>
						 <span>Free Delivery</span>
					 </dd>
				</dl>

				<dl class='fl'>
					 <dt class='fl'><img src='img/4.png'/></dt>
					 <dd class='fl'>
						 400-897-6336<br/>
						 <span>工作日 09:00</span>
					 </dd>
				</dl>
		 </div>
	 </div>
 </div>

  <!-- 尾部 -->
 <div class='wbzd'>
	 <div class='wbjz w'>
		 <!-- 客户端下载 -->
		 <dl class='fl'>
			 <dt class='fl'><img src='img/phone.png'/></dt>
			 <dd class='fl'>
				 iphone Android<br/>
				 客户端下载
			 </dd>
		  </dl>

		  <div class='fr'>
			 <img src='img/wxwbdb.png'/>
		  </div>

		  <div class='fl'>
			 <ul class='fl'>
				 <li><a href='#'>关于良仓</a></li>
				 <li><a href='#'>服务协议</a></li>
				 <li><a href='#'>隐私保护政策</a></li>
				 <li><a href='#'>使用指南</a></li>
				 <li><a href='#'>联系我们</a></li>
				 <li><a href='#'>加入我们</a></li>
			 </ul>
			 <p class='fl'>
				  © 2013-2015 北京良仓文化传播有限公司版权所有 京ICP备13010677号-1 京公网安备11010502025627

				  <br/>公司名称：北京良仓文化传播有限公司  电话：010-58263516

				  <br/>公司地址：北京朝阳区百子湾路32号6号楼1层60号.

				  <br/>社会信用统一代码：91110105059231575L  食品许可证：JY11105160159557  

				  <br/>图书证名称：中华人民共和国出版物经营许可证  图书证编号：新出发京零 字第 朝 150051 号  </p>
		  </div>

	 </div>
	 </div>
 </div>
 <!-- 下载APP区 -->
 <!--<div class='xzapp'>
	 <div class='hb'><img src='img/hb.png' alt=''/></div>
	 <p class='xzlc'>下载&nbsp;良仓&nbsp;APP</p>
	 <p class='xklq'>领100元新客礼券</p>
	 <div class='xkq'>
		 <img src='img/xkq.png' alt='' />
	 </div>
	 <div class='phonewxh'>
		 <img src='img/phonewxh.png' alt='' />
	 </div>
	 <p class='xzlc'>关注&nbsp;良仓&nbsp;微信号</p>
	 <p class='xklq'>每日推送全新资讯</p>
	 <div class='wxh'>
		 <img src='img/wxh.png' alt='' />
	 </div>
	 <div class='sj'>
		 <img src='img/sj.png' alt='' class='fr'/>
	 </div>
	 <div class='xx'>
		 <img src='img/xx.png' alt=''/>
	 </div>
 </div>-->
 </body>
</html>

<script src='js/index.js'></script>
<!--<script>
		var oNext = document.getElementById('next');
		var oPre = document.getElementById('pre');
		var aNum = document.getElementById('number').getElementsByTagName('span')

		var aWxlbli = document.getElementById('wxlbli').getElementsByTagName('li');
		//console.log(aWxlbli);
		//信号量
		var count=0;
		//next按钮
		oNext.onclick = function(){
			//console.log(1);
			for (var a=0;a<aWxlbli.length ;a++ )
			{
				aWxlbli[a].style.display = 'none';
				aNum[a].style.background = '#e8e8e8';
			}
			count++;
			if (count>aWxlbli.length-1)
			{
				count=0
			}
			aWxlbli[count].style.display = 'block';
			aNum[count].style.background = 'black';
			//console.log(aWxlbli[1]);
		}
		//pre按钮
		oPre.onclick = function(){
			//console.log(1);
			for (var a=0;a<aWxlbli.length ;a++ )
			{
				aWxlbli[a].style.display = 'none';
				aNum[a].style.background = '#e8e8e8';
			}
			count--;
			if (count<0)
			{
				count=aWxlbli.length-1
			}
			aWxlbli[count].style.display = 'block';
			aNum[count].style.background = 'black';
			//console.log(aWxlbli[1]);
		}
		//number按钮
		for (var a=0;a<aNum.length ;a++ )
		{
			 aNum[a].idx = a;
			aNum[a].onclick = function(){
				for (var b=0;b<aWxlbli.length ;b++ )
				{
					aWxlbli[b].style.display = 'none';
					aNum[b].style.background = '#e8e8e8';
				}

				aWxlbli[this.idx].style.display = 'block';
				aNum[this.idx].style.background = 'black';
				count=this.idx;
				//console.log(aWxlbli[this.b]);
			}
		}
</script>-->
<!--<script>
	var oInput = document.querySelector('input[placeholder="search..."]');
	var oXx = document.querySelector('.xx');
	var oXzapp = document.querySelector('.xzapp');
	var oSsk = document.querySelector('.ssk');
	oSsk.onclick = function(){
		oInput.style.display = 'block';
	};
	//鼠标点击
	oXx.onclick = function(){
		oXzapp.style.display = 'none';
	};
</script>-->
